<style lang="less" scoped>
    @import './order.less';
</style>

<template>
    <div>
        <Row class="toggle-btn">
            <Col :lg="24" :md="24" :sm="24" :xs="24">
                <Button type="ghost" @click="list" :class="{'active': !isShow}">订单数据明细</Button>
                <Button type="ghost" @click="grap" :class="{'active': isShow}">订单统计图</Button>
            </Col>
        </Row>
        <Div v-if="!isShow">
            <page-list></page-list>
        </Div>
        <Div v-else="isShow">
            <page-grap></page-grap>
        </Div>
    </div>
    
</template>
<script>
import pageList from './page/list.vue';
import pageGrap from './page/grap.vue';
export default {
    name: 'order_count',
    components:{
        pageList,
        pageGrap
    },
    data(){
        return {
            isShow: false
        }
    },
    methods:{
        list(){
            this.isShow = false;
        },
        grap(){
            this.isShow = true;
        }
    }
  
}
</script>